<style>
    table tr > th, table tr > td {
        text-align: center;
        vertical-align: middle !important;
    }
</style>
<div>
    <div class="statistic-icon-background">
        <i class="ion-eye"></i>
    </div>
    <table class="table table-hover">
        {% if arr |length > 0 %}
            <tr class="info">
                <th width="30%">教辅书</th>
                <th width="30%">老师</th>
                <th>作业布置数</th>
                <th>布置的总题数（去重）</th>
                <th>布置的总题数（不去重）</th>
            </tr>
            {% for i,item in arr %}
                {% if item['data'] | length > 0 %}
                    {% for user in item['data'] %}
                        <tr>
                            {% if loop.first %}
                                <td rowspan="{{ item['data']|length }}">{{ item['bookName'] }}</td>
                            {% endif %}
                            <td>{{ user['teacherName'] }}</td>
                            <td>{{ user['workTimes'] }}</td>
                            <td>{{ user['topicNum'] }}</td>
                            <td>{{ user['topicsRepeatNum'] }}</td>
                        </tr>
                    {% endfor %}
                    {% else %}
                        <tr>
                            <td>{{ item['bookName'] }}</td>
                            <td colspan="4">暂无数据</td>
                        </tr>
                {% endif %}
            {% endfor %}
        {% endif %}
    </table>
</div>